<template>
  <div class="app-container" style="padding: 5px;">
      <center><span style="font-weight: bold;color: #0099ff;font-size: 18px;">销售部周目标达成看板</span></center>
      <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="110px">
        <el-form-item label="年份" prop="wkYear">
          <el-select v-model="queryParams.wkYear" style="width: 200px;" filterable @change="changeYear">
              <el-option
                  v-for="item in wkYearList"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
              </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="周数" prop="wk">
          <el-select v-model="queryParams.wk" style="width: 200px;" filterable @change="changeMonth">
              <el-option
                  v-for="item in wkList"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
              </el-option>
          </el-select>
        </el-form-item>
      </el-form>

      <el-card>
        <span style="font-weight: bold;font-size: 16px;">销售部<span style="color:red;">{{ queryParams.wkYear }}年第{{ queryParams.wk!=null?queryParams.wk.replace("w",""):queryParams.wk }}周</span>目标完成情况如下：</span><br />
        <span style="margin-left: 30px;">整体完成:目标<span style="font-weight: bold;color: red;">{{ totalSummaryInfo.target }}万</span>,完成:<span style="font-weight: bold;color: green;">{{ totalSummaryInfo.finish }}万</span>,完成率: <span style="font-weight: bold;color: green;">{{ totalSummaryInfo.rate }}%</span><br/></span>
        <span style="margin-left: 30px;">其中草花接单目标<span style="color:red;font-weight: bold; font-size: 16px;">{{chSummaryInfo.target_sum}}</span>万元，截止当前已完成<span style="color:green;font-weight: bold; font-size: 16px;">{{chSummaryInfo.achieve_sum}}</span>万元，完成率<span style="color:green;font-weight: bold; font-size: 16px;">{{chSummaryInfo.rate_sum}}%</span>
        洋牡丹和洋桔梗接单目标<span style="color:red;font-weight: bold; font-size: 16px;">{{qlSummaryInfo.target_sum}}</span>万元，截止当前已完成<span style="color:green;font-weight: bold; font-size: 16px;">{{qlSummaryInfo.achieve_sum}}</span>万元，完成率<span style="color:green;font-weight: bold; font-size: 16px;">{{qlSummaryInfo.rate_sum}}%</span>
        其他接单目标<span style="color:red;font-weight: bold; font-size: 16px;">{{qtSummaryInfo.target_sum}}</span>万元，截止当前已完成<span style="color:green;font-weight: bold; font-size: 16px;">{{qtSummaryInfo.achieve_sum}}</span>万元，完成率<span style="color:green;font-weight: bold; font-size: 16px;">{{qtSummaryInfo.rate_sum}}%</span></span><br />
        <span style="margin-left: 30px;color:red;font-weight: bold; font-size: 16px;">本周退单总金额：{{refundSummaryInfo.sum}} 万元</span>
        <div style="float:right;">刷新时间：{{ currentTime }}</div>
      </el-card>

      <el-card style="margin-top:10px;">
        <div slot="header" class="clearfix">
          <span style="font-weight: bold;color: #0099ff;font-size: 16px;"><span style="color:red;">草花</span>-周目标达成</span>
        </div>
        <el-table :data="chList" border stripe :row-style="{height:'10px'}" :cell-style="{padding:'0px'}" style="font-size: 6px;margin-top: 5px;" size="mini">
          <el-table-column label="品类大类" align="center" prop="bigname" fixed width="80"></el-table-column>
          <el-table-column label="总和目标" align="center" prop="target_sum" width="80" fixed>
            <template slot-scope="scope">
              <span v-if="scope.row.target_sum==0"></span>
              <span v-if="scope.row.target_sum!=0">{{ scope.row.target_sum }}</span>
            </template>
          </el-table-column>
          <el-table-column label="总和达成" align="center" prop="achieve_sum" width="80" fixed>
            <template slot-scope="scope">
              <span v-if="scope.row.achieve_sum==0&&scope.row.target_sum==0"></span>
              <span v-if="scope.row.achieve_sum==0&&scope.row.target_sum>0">{{ scope.row.achieve_sum }}</span>
              <span v-if="scope.row.achieve_sum!=0">{{ scope.row.achieve_sum }}</span>
            </template>
          </el-table-column>
          <el-table-column label="总和达成率" align="center" prop="rate_sum" width="80" fixed>
            <template slot-scope="scope">
              <span v-if="Number(scope.row.rate_sum)==0&&scope.row.target_sum==0"></span>
              <span v-if="Number(scope.row.rate_sum)==0&&scope.row.target_sum>0">{{ scope.row.rate_sum }}</span>
              <span v-if="Number(scope.row.rate_sum)>=100" style="color:green;">{{ scope.row.rate_sum }}%</span>
              <span v-if="Number(scope.row.rate_sum)>0&&Number(scope.row.rate_sum)<100" style="color:red;">{{ scope.row.rate_sum }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="嵩明片区目标" align="center" prop="target_sm" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.target_sm==0"></span>
              <span v-if="scope.row.target_sm!=0">{{ scope.row.target_sm }}</span>
            </template>
          </el-table-column>
          <el-table-column label="嵩明片区达成" align="center" prop="achieve_sm" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.achieve_sm==0&&scope.row.target_sm==0"></span>
              <span v-if="scope.row.achieve_sm==0&&scope.row.target_sm>0">{{ scope.row.achieve_sm }}</span>
              <span v-if="scope.row.achieve_sm!=0">{{ scope.row.achieve_sm }}</span>
            </template>
          </el-table-column>
          <el-table-column label="嵩明片区达成率" align="center" prop="rate_sm" width="100">
            <template slot-scope="scope">
              <span v-if="scope.row.rate_sm==0&&scope.row.target_sm==0"></span>
              <span v-if="scope.row.rate_sm==0&&scope.row.target_sm>0">{{ scope.row.rate_sm }}%</span>
              <span v-if="scope.row.rate_sm>=100" style="color:green;">{{ scope.row.rate_sm }}%</span>
              <span v-if="scope.row.rate_sm>0&&scope.row.rate_sm<100" style="color:red;">{{ scope.row.rate_sm }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="宜良片区目标" align="center" prop="target_yl" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.target_yl==0"></span>
              <span v-if="scope.row.target_yl!=0">{{ scope.row.target_yl }}</span>
            </template>
          </el-table-column>
          <el-table-column label="宜良片区达成" align="center" prop="achieve_yl" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.achieve_yl==0&&scope.row.target_yl==0"></span>
              <span v-if="scope.row.achieve_yl==0&&scope.row.target_yl>0">{{ scope.row.achieve_yl }}</span>
              <span v-if="scope.row.achieve_yl!=0">{{ scope.row.achieve_yl }}</span>
            </template>
          </el-table-column>
          <el-table-column label="宜良片区达成率" align="center" prop="rate_yl" width="100">
            <template slot-scope="scope">
              <span v-if="scope.row.rate_yl==0&&scope.row.target_yl==0"></span>
              <span v-if="scope.row.rate_yl==0&&scope.row.target_yl>0">{{ scope.row.rate_yl }}%</span>
              <span v-if="scope.row.rate_yl>=100" style="color:green;">{{ scope.row.rate_yl }}%</span>
              <span v-if="scope.row.rate_yl>0&&scope.row.rate_yl<100" style="color:red;">{{ scope.row.rate_yl }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="呈贡片区目标" align="center" prop="target_cg" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.target_cg==0"></span>
              <span v-if="scope.row.target_cg!=0">{{ scope.row.target_cg }}</span>
            </template>
          </el-table-column>
          <el-table-column label="呈贡片区达成" align="center" prop="achieve_cg" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.achieve_cg==0&&scope.row.target_cg==0"></span>
              <span v-if="scope.row.achieve_cg==0&&scope.row.target_cg>0">{{ scope.row.achieve_cg }}</span>
              <span v-if="scope.row.achieve_cg!=0">{{ scope.row.achieve_cg }}</span>
            </template>
          </el-table-column>
          <el-table-column label="呈贡片区达成率" align="center" prop="rate_cg" width="100">
            <template slot-scope="scope">
              <span v-if="scope.row.rate_cg==0&&scope.row.target_cg==0"></span>
              <span v-if="scope.row.rate_cg==0&&scope.row.target_cg>0">{{ scope.row.rate_cg }}%</span>
              <span v-if="scope.row.rate_cg>=100" style="color:green;">{{ scope.row.rate_cg }}%</span>
              <span v-if="scope.row.rate_cg>0&&scope.row.rate_cg<100" style="color:red;">{{ scope.row.rate_cg }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="楚雄片区目标" align="center" prop="target_cx" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.target_cx==0"></span>
              <span v-if="scope.row.target_cx!=0">{{ scope.row.target_cx }}</span>
            </template>
          </el-table-column>
          <el-table-column label="楚雄片区达成" align="center" prop="achieve_cx" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.achieve_cx==0&&scope.row.target_cx==0"></span>
              <span v-if="scope.row.achieve_cx==0&&scope.row.target_cx>0">{{ scope.row.achieve_cx }}</span>
              <span v-if="scope.row.achieve_cx!=0">{{ scope.row.achieve_cx }}</span>
            </template>
          </el-table-column>
          <el-table-column label="楚雄片区达成率" align="center" prop="rate_cx" width="100">
            <template slot-scope="scope">
              <span v-if="scope.row.rate_cx==0&&scope.row.target_cx==0"></span>
              <span v-if="scope.row.rate_cx==0&&scope.row.target_cx>0">{{ scope.row.rate_cx }}%</span>
              <span v-if="scope.row.rate_cx>=100" style="color:green;">{{ scope.row.rate_cx }}%</span>
              <span v-if="scope.row.rate_cx>0&&scope.row.rate_cx<100" style="color:red;">{{ scope.row.rate_cx }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="晋宁片区目标" align="center" prop="target_jn" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.target_jn==0"></span>
              <span v-if="scope.row.target_jn!=0">{{ scope.row.target_jn }}</span>
            </template>
          </el-table-column>
          <el-table-column label="晋宁片区达成" align="center" prop="achieve_jn" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.achieve_jn==0&&scope.row.target_jn==0"></span>
              <span v-if="scope.row.achieve_jn==0&&scope.row.target_jn>0">{{ scope.row.achieve_jn }}</span>
              <span v-if="scope.row.achieve_jn!=0">{{ scope.row.achieve_jn }}</span>
            </template>
          </el-table-column>
          <el-table-column label="晋宁片区达成率" align="center" prop="rate_jn" width="100">
            <template slot-scope="scope">
              <span v-if="scope.row.rate_jn==0&&scope.row.target_jn==0"></span>
              <span v-if="scope.row.rate_jn==0&&scope.row.target_jn>0">{{ scope.row.rate_jn }}%</span>
              <span v-if="scope.row.rate_jn>=100" style="color:green;">{{ scope.row.rate_jn }}%</span>
              <span v-if="scope.row.rate_jn>0&&scope.row.rate_jn<100" style="color:red;">{{ scope.row.rate_jn }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="玉溪片区目标" align="center" prop="target_yx" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.target_yx==0"></span>
              <span v-if="scope.row.target_yx!=0">{{ scope.row.target_yx }}</span>
            </template>
          </el-table-column>
          <el-table-column label="玉溪片区达成" align="center" prop="achieve_yx" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.achieve_yx==0&&scope.row.target_yx==0"></span>
              <span v-if="scope.row.achieve_yx==0&&scope.row.target_yx>0">{{ scope.row.achieve_yx }}</span>
              <span v-if="scope.row.achieve_yx!=0">{{ scope.row.achieve_yx }}</span>
            </template>
          </el-table-column>
          <el-table-column label="玉溪片区达成率" align="center" prop="rate_yx" width="100">
            <template slot-scope="scope">
              <span v-if="scope.row.rate_yx==0&&scope.row.target_yx==0"></span>
              <span v-if="scope.row.rate_yx==0&&scope.row.target_yx>0">{{ scope.row.rate_yx }}%</span>
              <span v-if="scope.row.rate_yx>=100" style="color:green;">{{ scope.row.rate_yx }}%</span>
              <span v-if="scope.row.rate_yx>0&&scope.row.rate_yx<100" style="color:red;">{{ scope.row.rate_yx }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="省外目标" align="center" prop="target_sw" width="70">
            <template slot-scope="scope">
              <span v-if="scope.row.target_sw==0"></span>
              <span v-if="scope.row.target_sw!=0">{{ scope.row.target_sw }}</span>
            </template>
          </el-table-column>
          <el-table-column label="省外达成" align="center" prop="achieve_sw" width="70">
            <template slot-scope="scope">
              <span v-if="scope.row.achieve_sw==0&&scope.row.target_sw==0"></span>
              <span v-if="scope.row.achieve_sw==0&&scope.row.target_sw>0">{{ scope.row.achieve_sw }}</span>
              <span v-if="scope.row.achieve_sw!=0">{{ scope.row.achieve_sw }}</span>
            </template>
          </el-table-column>
          <el-table-column label="省外达成率" align="center" prop="rate_sw" width="80">
            <template slot-scope="scope">
              <span v-if="scope.row.rate_sw==0&&scope.row.target_sw==0"></span>
              <span v-if="scope.row.rate_sw==0&&scope.row.target_sw>0">{{ scope.row.rate_sw }}%</span>
              <span v-if="scope.row.rate_sw>=100" style="color:green;">{{ scope.row.rate_sw }}%</span>
              <span v-if="scope.row.rate_sw>0&&scope.row.rate_sw<100" style="color:red;">{{ scope.row.rate_sw }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="石林片区目标" align="center" prop="target_sl" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.target_sl==0"></span>
              <span v-if="scope.row.target_sl!=0">{{ scope.row.target_sl }}</span>
            </template>
          </el-table-column>
          <el-table-column label="石林片区达成" align="center" prop="achieve_sl" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.achieve_sl==0&&scope.row.target_sl==0"></span>
              <span v-if="scope.row.achieve_sl==0&&scope.row.target_sl>0">{{ scope.row.achieve_sl }}</span>
              <span v-if="scope.row.achieve_sl!=0">{{ scope.row.achieve_sl }}</span>
            </template>
          </el-table-column>
          <el-table-column label="石林片区达成率" align="center" prop="rate_sl" width="100">
            <template slot-scope="scope">
              <span v-if="scope.row.rate_sl==0&&scope.row.target_sl==0"></span>
              <span v-if="scope.row.rate_sl==0&&scope.row.target_sl>0">{{ scope.row.rate_sl }}%</span>
              <span v-if="scope.row.rate_sl>=100" style="color:green;">{{ scope.row.rate_sl }}%</span>
              <span v-if="scope.row.rate_sl>0&&scope.row.rate_sl<100" style="color:red;">{{ scope.row.rate_sl }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="安宁片区目标" align="center" prop="target_an" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.target_an==0"></span>
              <span v-if="scope.row.target_an!=0">{{ scope.row.target_an }}</span>
            </template>
          </el-table-column>
          <el-table-column label="安宁片区达成" align="center" prop="achieve_an" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.achieve_an==0&&scope.row.target_an==0"></span>
              <span v-if="scope.row.achieve_an==0&&scope.row.target_an>0">{{ scope.row.achieve_an }}</span>
              <span v-if="scope.row.achieve_an!=0">{{ scope.row.achieve_an }}</span>
            </template>
          </el-table-column>
          <el-table-column label="安宁片区达成率" align="center" prop="rate_an" width="100">
            <template slot-scope="scope">
              <span v-if="scope.row.rate_an==0&&scope.row.target_an==0"></span>
              <span v-if="scope.row.rate_an==0&&scope.row.target_an>0">{{ scope.row.rate_an }}%</span>
              <span v-if="scope.row.rate_an>=100" style="color:green;">{{ scope.row.rate_an }}%</span>
              <span v-if="scope.row.rate_an>0&&scope.row.rate_an<100" style="color:red;">{{ scope.row.rate_an }}%</span>
            </template>
          </el-table-column>
        </el-table>
      </el-card>

      <el-card style="margin-top:10px;">
        <div slot="header" class="clearfix">
          <span style="font-weight: bold;color: #0099ff;font-size: 16px;"><span style="color:red;">其他</span>-周目标达成</span>
        </div>
        <el-table :data="qtList" border stripe :row-style="{height:'10px'}" :cell-style="{padding:'0px'}" style="font-size: 6px;margin-top: 10px;" size="mini">
          <el-table-column label="品类大类" align="center" prop="bigname" fixed width="80"></el-table-column>
          <el-table-column label="总和目标" align="center" prop="target_sum" fixed width="80">
            <template slot-scope="scope">
            <span v-if="scope.row.target_sum==0"></span>
            <span v-if="scope.row.target_sum!=0">{{ scope.row.target_sum }}</span>
            </template>
          </el-table-column>
          <el-table-column label="总和达成" align="center" prop="achieve_sum" fixed width="80">
            <template slot-scope="scope">
            <span v-if="scope.row.achieve_sum==0&&scope.row.target_sum==0"></span>
            <span v-if="scope.row.achieve_sum==0&&scope.row.target_sum>0">{{ scope.row.achieve_sum }}</span>
            <span v-if="scope.row.achieve_sum!=0">{{ scope.row.achieve_sum }}</span>
            </template>
          </el-table-column>
          <el-table-column label="总和达成率" align="center" prop="rate_sum" fixed width="80">
            <template slot-scope="scope">
            <span v-if="Number(scope.row.rate_sum)==0&&scope.row.target_sum==0"></span>
            <span v-if="Number(scope.row.rate_sum)==0&&scope.row.target_sum>0">{{ scope.row.rate_sum }}</span>
            <span v-if="Number(scope.row.rate_sum)>=100" style="color:green;">{{ scope.row.rate_sum }}%</span>
            <span v-if="Number(scope.row.rate_sum)>0&&Number(scope.row.rate_sum)<100" style="color:red;">{{ scope.row.rate_sum }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="嵩明片区目标" align="center" prop="target_sm" width="90">
            <template slot-scope="scope">
            <span v-if="scope.row.target_sm==0"></span>
            <span v-if="scope.row.target_sm!=0">{{ scope.row.target_sm }}</span>
            </template>
          </el-table-column>
          <el-table-column label="嵩明片区达成" align="center" prop="achieve_sm" width="90">
            <template slot-scope="scope">
            <span v-if="scope.row.achieve_sm==0&&scope.row.target_sm==0"></span>
            <span v-if="scope.row.achieve_sm==0&&scope.row.target_sm>0">{{ scope.row.achieve_sm }}</span>
            <span v-if="scope.row.achieve_sm!=0">{{ scope.row.achieve_sm }}</span>
            </template>
          </el-table-column>
          <el-table-column label="嵩明片区达成率" align="center" prop="rate_sm" width="100">
            <template slot-scope="scope">
            <span v-if="scope.row.rate_sm==0&&scope.row.target_sm==0"></span>
            <span v-if="scope.row.rate_sm==0&&scope.row.target_sm>0">{{ scope.row.rate_sm }}%</span>
            <span v-if="scope.row.rate_sm>=100" style="color:green;">{{ scope.row.rate_sm }}%</span>
            <span v-if="scope.row.rate_sm>0&&scope.row.rate_sm<100" style="color:red;">{{ scope.row.rate_sm }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="宜良片区目标" align="center" prop="target_yl" width="90">
            <template slot-scope="scope">
            <span v-if="scope.row.target_yl==0"></span>
            <span v-if="scope.row.target_yl!=0">{{ scope.row.target_yl }}</span>
            </template>
          </el-table-column>
          <el-table-column label="宜良片区达成" align="center" prop="achieve_yl" width="90">
            <template slot-scope="scope">
            <span v-if="scope.row.achieve_yl==0&&scope.row.target_yl==0"></span>
            <span v-if="scope.row.achieve_yl==0&&scope.row.target_yl>0">{{ scope.row.achieve_yl }}</span>
            <span v-if="scope.row.achieve_yl!=0">{{ scope.row.achieve_yl }}</span>
            </template>
          </el-table-column>
          <el-table-column label="宜良片区达成率" align="center" prop="rate_yl" width="100">
            <template slot-scope="scope">
            <span v-if="scope.row.rate_yl==0&&scope.row.target_yl==0"></span>
            <span v-if="scope.row.rate_yl==0&&scope.row.target_yl>0">{{ scope.row.rate_yl }}%</span>
            <span v-if="scope.row.rate_yl>=100" style="color:green;">{{ scope.row.rate_yl }}%</span>
            <span v-if="scope.row.rate_yl>0&&scope.row.rate_yl<100" style="color:red;">{{ scope.row.rate_yl }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="呈贡片区目标" align="center" prop="target_cg" width="90">
            <template slot-scope="scope">
            <span v-if="scope.row.target_cg==0"></span>
            <span v-if="scope.row.target_cg!=0">{{ scope.row.target_cg }}</span>
            </template>
          </el-table-column>
          <el-table-column label="呈贡片区达成" align="center" prop="achieve_cg" width="90">
            <template slot-scope="scope">
            <span v-if="scope.row.achieve_cg==0&&scope.row.target_cg==0"></span>
            <span v-if="scope.row.achieve_cg==0&&scope.row.target_cg>0">{{ scope.row.achieve_cg }}</span>
            <span v-if="scope.row.achieve_cg!=0">{{ scope.row.achieve_cg }}</span>
            </template>
          </el-table-column>
          <el-table-column label="呈贡片区达成率" align="center" prop="rate_cg" width="100">
            <template slot-scope="scope">
            <span v-if="scope.row.rate_cg==0&&scope.row.target_cg==0"></span>
            <span v-if="scope.row.rate_cg==0&&scope.row.target_cg>0">{{ scope.row.rate_cg }}%</span>
            <span v-if="scope.row.rate_cg>=100" style="color:green;">{{ scope.row.rate_cg }}%</span>
            <span v-if="scope.row.rate_cg>0&&scope.row.rate_cg<100" style="color:red;">{{ scope.row.rate_cg }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="楚雄片区目标" align="center" prop="target_cx" width="90">
            <template slot-scope="scope">
            <span v-if="scope.row.target_cx==0"></span>
            <span v-if="scope.row.target_cx!=0">{{ scope.row.target_cx }}</span>
            </template>
          </el-table-column>
          <el-table-column label="楚雄片区达成" align="center" prop="achieve_cx" width="90">
            <template slot-scope="scope">
            <span v-if="scope.row.achieve_cx==0&&scope.row.target_cx==0"></span>
            <span v-if="scope.row.achieve_cx==0&&scope.row.target_cx>0">{{ scope.row.achieve_cx }}</span>
            <span v-if="scope.row.achieve_cx!=0">{{ scope.row.achieve_cx }}</span>
            </template>
          </el-table-column>
          <el-table-column label="楚雄片区达成率" align="center" prop="rate_cx" width="100">
            <template slot-scope="scope">
            <span v-if="scope.row.rate_cx==0&&scope.row.target_cx==0"></span>
            <span v-if="scope.row.rate_cx==0&&scope.row.target_cx>0">{{ scope.row.rate_cx }}%</span>
            <span v-if="scope.row.rate_cx>=100" style="color:green;">{{ scope.row.rate_cx }}%</span>
            <span v-if="scope.row.rate_cx>0&&scope.row.rate_cx<100" style="color:red;">{{ scope.row.rate_cx }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="晋宁片区目标" align="center" prop="target_jn" width="90">
            <template slot-scope="scope">
            <span v-if="scope.row.target_jn==0"></span>
            <span v-if="scope.row.target_jn!=0">{{ scope.row.target_jn }}</span>
            </template>
          </el-table-column>
          <el-table-column label="晋宁片区达成" align="center" prop="achieve_jn" width="90">
            <template slot-scope="scope">
            <span v-if="scope.row.achieve_jn==0&&scope.row.target_jn==0"></span>
            <span v-if="scope.row.achieve_jn==0&&scope.row.target_jn>0">{{ scope.row.achieve_jn }}</span>
            <span v-if="scope.row.achieve_jn!=0">{{ scope.row.achieve_jn }}</span>
            </template>
          </el-table-column>
          <el-table-column label="晋宁片区达成率" align="center" prop="rate_jn" width="100">
            <template slot-scope="scope">
            <span v-if="scope.row.rate_jn==0&&scope.row.target_jn==0"></span>
            <span v-if="scope.row.rate_jn==0&&scope.row.target_jn>0">{{ scope.row.rate_jn }}%</span>
            <span v-if="scope.row.rate_jn>=100" style="color:green;">{{ scope.row.rate_jn }}%</span>
            <span v-if="scope.row.rate_jn>0&&scope.row.rate_jn<100" style="color:red;">{{ scope.row.rate_jn }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="玉溪片区目标" align="center" prop="target_yx" width="90">
            <template slot-scope="scope">
            <span v-if="scope.row.target_yx==0"></span>
            <span v-if="scope.row.target_yx!=0">{{ scope.row.target_yx }}</span>
            </template>
          </el-table-column>
          <el-table-column label="玉溪片区达成" align="center" prop="achieve_yx" width="90">
            <template slot-scope="scope">
            <span v-if="scope.row.achieve_yx==0&&scope.row.target_yx==0"></span>
            <span v-if="scope.row.achieve_yx==0&&scope.row.target_yx>0">{{ scope.row.achieve_yx }}</span>
            <span v-if="scope.row.achieve_yx!=0">{{ scope.row.achieve_yx }}</span>
            </template>
          </el-table-column>
          <el-table-column label="玉溪片区达成率" align="center" prop="rate_yx" width="100">
            <template slot-scope="scope">
            <span v-if="scope.row.rate_yx==0&&scope.row.target_yx==0"></span>
            <span v-if="scope.row.rate_yx==0&&scope.row.target_yx>0">{{ scope.row.rate_yx }}%</span>
            <span v-if="scope.row.rate_yx>=100" style="color:green;">{{ scope.row.rate_yx }}%</span>
            <span v-if="scope.row.rate_yx>0&&scope.row.rate_yx<100" style="color:red;">{{ scope.row.rate_yx }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="省外目标" align="center" prop="target_sw" width="70">
            <template slot-scope="scope">
            <span v-if="scope.row.target_sw==0"></span>
            <span v-if="scope.row.target_sw!=0">{{ scope.row.target_sw }}</span>
            </template>
          </el-table-column>
          <el-table-column label="省外达成" align="center" prop="achieve_sw" width="70">
            <template slot-scope="scope">
            <span v-if="scope.row.achieve_sw==0&&scope.row.target_sw==0"></span>
            <span v-if="scope.row.achieve_sw==0&&scope.row.target_sw>0">{{ scope.row.achieve_sw }}</span>
            <span v-if="scope.row.achieve_sw!=0">{{ scope.row.achieve_sw }}</span>
            </template>
          </el-table-column>
          <el-table-column label="省外达成率" align="center" prop="rate_sw" width="80">
            <template slot-scope="scope">
            <span v-if="scope.row.rate_sw==0&&scope.row.target_sw==0"></span>
            <span v-if="scope.row.rate_sw==0&&scope.row.target_sw>0">{{ scope.row.rate_sw }}%</span>
            <span v-if="scope.row.rate_sw>=100" style="color:green;">{{ scope.row.rate_sw }}%</span>
            <span v-if="scope.row.rate_sw>0&&scope.row.rate_sw<100" style="color:red;">{{ scope.row.rate_sw }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="石林片区目标" align="center" prop="target_sl" width="90">
            <template slot-scope="scope">
            <span v-if="scope.row.target_sl==0"></span>
            <span v-if="scope.row.target_sl!=0">{{ scope.row.target_sl }}</span>
            </template>
          </el-table-column>
          <el-table-column label="石林片区达成" align="center" prop="achieve_sl" width="90">
            <template slot-scope="scope">
            <span v-if="scope.row.achieve_sl==0&&scope.row.target_sl==0"></span>
            <span v-if="scope.row.achieve_sl==0&&scope.row.target_sl>0">{{ scope.row.achieve_sl }}</span>
            <span v-if="scope.row.achieve_sl!=0">{{ scope.row.achieve_sl }}</span>
            </template>
          </el-table-column>
          <el-table-column label="石林片区达成率" align="center" prop="rate_sl" width="100">
            <template slot-scope="scope">
            <span v-if="scope.row.rate_sl==0&&scope.row.target_sl==0"></span>
            <span v-if="scope.row.rate_sl==0&&scope.row.target_sl>0">{{ scope.row.rate_sl }}%</span>
            <span v-if="scope.row.rate_sl>=100" style="color:green;">{{ scope.row.rate_sl }}%</span>
            <span v-if="scope.row.rate_sl>0&&scope.row.rate_sl<100" style="color:red;">{{ scope.row.rate_sl }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="安宁片区目标" align="center" prop="target_an" width="90">
            <template slot-scope="scope">
            <span v-if="scope.row.target_an==0"></span>
            <span v-if="scope.row.target_an!=0">{{ scope.row.target_an }}</span>
            </template>
          </el-table-column>
          <el-table-column label="安宁片区达成" align="center" prop="achieve_an" width="90">
            <template slot-scope="scope">
            <span v-if="scope.row.achieve_an==0&&scope.row.target_an==0"></span>
            <span v-if="scope.row.achieve_an==0&&scope.row.target_an>0">{{ scope.row.achieve_an }}</span>
            <span v-if="scope.row.achieve_an!=0">{{ scope.row.achieve_an }}</span>
            </template>
          </el-table-column>
          <el-table-column label="安宁片区达成率" align="center" prop="rate_an" width="100">
            <template slot-scope="scope">
            <span v-if="scope.row.rate_an==0&&scope.row.target_an==0"></span>
            <span v-if="scope.row.rate_an==0&&scope.row.target_an>0">{{ scope.row.rate_an }}%</span>
            <span v-if="scope.row.rate_an>=100" style="color:green;">{{ scope.row.rate_an }}%</span>
            <span v-if="scope.row.rate_an>0&&scope.row.rate_an<100" style="color:red;">{{ scope.row.rate_an }}%</span>
            </template>
          </el-table-column>
        </el-table>
      </el-card>

      <el-card style="margin-top:10px;">
        <div slot="header" class="clearfix">
          <span style="font-weight: bold;color: #0099ff;font-size: 16px;"><span style="color:red;">洋牡丹和洋桔梗</span>-周目标达成</span>
        </div>
        <el-table :data="qlList" border stripe :row-style="{height:'10px'}" :cell-style="{padding:'0px'}" style="font-size: 6px;margin-top: 10px;" size="mini">
          <el-table-column label="品类大类" align="center" prop="bigname" fixed width="80"></el-table-column>
          <el-table-column label="总和目标" align="center" prop="target_sum" width="80" fixed>
            <template slot-scope="scope">
              <span v-if="scope.row.target_sum==0"></span>
              <span v-if="scope.row.target_sum!=0">{{ scope.row.target_sum }}</span>
            </template>
          </el-table-column>
          <el-table-column label="总和达成" align="center" prop="achieve_sum" width="80" fixed>
            <template slot-scope="scope">
              <span v-if="scope.row.achieve_sum==0&&scope.row.target_sum==0"></span>
              <span v-if="scope.row.achieve_sum==0&&scope.row.target_sum>0">{{ scope.row.achieve_sum }}</span>
              <span v-if="scope.row.achieve_sum!=0">{{ scope.row.achieve_sum }}</span>
            </template>
          </el-table-column>
          <el-table-column label="总和达成率" align="center" prop="rate_sum" width="80" fixed>
            <template slot-scope="scope">
              <span v-if="Number(scope.row.rate_sum)==0&&scope.row.target_sum==0"></span>
              <span v-if="Number(scope.row.rate_sum)==0&&scope.row.target_sum>0">{{ scope.row.rate_sum }}</span>
              <span v-if="Number(scope.row.rate_sum)>=100" style="color:green;">{{ scope.row.rate_sum }}%</span>
              <span v-if="Number(scope.row.rate_sum)>0&&Number(scope.row.rate_sum)<100" style="color:red;">{{ scope.row.rate_sum }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="嵩明片区目标" align="center" prop="target_sm" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.target_sm==0"></span>
              <span v-if="scope.row.target_sm!=0">{{ scope.row.target_sm }}</span>
            </template>
          </el-table-column>
          <el-table-column label="嵩明片区达成" align="center" prop="achieve_sm" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.achieve_sm==0&&scope.row.target_sm==0"></span>
              <span v-if="scope.row.achieve_sm==0&&scope.row.target_sm>0">{{ scope.row.achieve_sm }}</span>
              <span v-if="scope.row.achieve_sm!=0">{{ scope.row.achieve_sm }}</span>
            </template>
          </el-table-column>
          <el-table-column label="嵩明片区达成率" align="center" prop="rate_sm" width="100">
            <template slot-scope="scope">
              <span v-if="scope.row.rate_sm==0&&scope.row.target_sm==0"></span>
              <span v-if="scope.row.rate_sm==0&&scope.row.target_sm>0">{{ scope.row.rate_sm }}%</span>
              <span v-if="scope.row.rate_sm>=100" style="color:green;">{{ scope.row.rate_sm }}%</span>
              <span v-if="scope.row.rate_sm>0&&scope.row.rate_sm<100" style="color:red;">{{ scope.row.rate_sm }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="宜良片区目标" align="center" prop="target_yl" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.target_yl==0"></span>
              <span v-if="scope.row.target_yl!=0">{{ scope.row.target_yl }}</span>
            </template>
          </el-table-column>
          <el-table-column label="宜良片区达成" align="center" prop="achieve_yl" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.achieve_yl==0&&scope.row.target_yl==0"></span>
              <span v-if="scope.row.achieve_yl==0&&scope.row.target_yl>0">{{ scope.row.achieve_yl }}</span>
              <span v-if="scope.row.achieve_yl!=0">{{ scope.row.achieve_yl }}</span>
            </template>
          </el-table-column>
          <el-table-column label="宜良片区达成率" align="center" prop="rate_yl" width="100">
            <template slot-scope="scope">
              <span v-if="scope.row.rate_yl==0&&scope.row.target_yl==0"></span>
              <span v-if="scope.row.rate_yl==0&&scope.row.target_yl>0">{{ scope.row.rate_yl }}%</span>
              <span v-if="scope.row.rate_yl>=100" style="color:green;">{{ scope.row.rate_yl }}%</span>
              <span v-if="scope.row.rate_yl>0&&scope.row.rate_yl<100" style="color:red;">{{ scope.row.rate_yl }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="呈贡片区目标" align="center" prop="target_cg" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.target_cg==0"></span>
              <span v-if="scope.row.target_cg!=0">{{ scope.row.target_cg }}</span>
            </template>
          </el-table-column>
          <el-table-column label="呈贡片区达成" align="center" prop="achieve_cg" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.achieve_cg==0&&scope.row.target_cg==0"></span>
              <span v-if="scope.row.achieve_cg==0&&scope.row.target_cg>0">{{ scope.row.achieve_cg }}</span>
              <span v-if="scope.row.achieve_cg!=0">{{ scope.row.achieve_cg }}</span>
            </template>
          </el-table-column>
          <el-table-column label="呈贡片区达成率" align="center" prop="rate_cg" width="100">
            <template slot-scope="scope">
              <span v-if="scope.row.rate_cg==0&&scope.row.target_cg==0"></span>
              <span v-if="scope.row.rate_cg==0&&scope.row.target_cg>0">{{ scope.row.rate_cg }}%</span>
              <span v-if="scope.row.rate_cg>=100" style="color:green;">{{ scope.row.rate_cg }}%</span>
              <span v-if="scope.row.rate_cg>0&&scope.row.rate_cg<100" style="color:red;">{{ scope.row.rate_cg }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="楚雄片区目标" align="center" prop="target_cx" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.target_cx==0"></span>
              <span v-if="scope.row.target_cx!=0">{{ scope.row.target_cx }}</span>
            </template>
          </el-table-column>
          <el-table-column label="楚雄片区达成" align="center" prop="achieve_cx" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.achieve_cx==0&&scope.row.target_cx==0"></span>
              <span v-if="scope.row.achieve_cx==0&&scope.row.target_cx>0">{{ scope.row.achieve_cx }}</span>
              <span v-if="scope.row.achieve_cx!=0">{{ scope.row.achieve_cx }}</span>
            </template>
          </el-table-column>
          <el-table-column label="楚雄片区达成率" align="center" prop="rate_cx" width="100">
            <template slot-scope="scope">
              <span v-if="scope.row.rate_cx==0&&scope.row.target_cx==0"></span>
              <span v-if="scope.row.rate_cx==0&&scope.row.target_cx>0">{{ scope.row.rate_cx }}%</span>
              <span v-if="scope.row.rate_cx>=100" style="color:green;">{{ scope.row.rate_cx }}%</span>
              <span v-if="scope.row.rate_cx>0&&scope.row.rate_cx<100" style="color:red;">{{ scope.row.rate_cx }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="晋宁片区目标" align="center" prop="target_jn" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.target_jn==0"></span>
              <span v-if="scope.row.target_jn!=0">{{ scope.row.target_jn }}</span>
            </template>
          </el-table-column>
          <el-table-column label="晋宁片区达成" align="center" prop="achieve_jn" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.achieve_jn==0&&scope.row.target_jn==0"></span>
              <span v-if="scope.row.achieve_jn==0&&scope.row.target_jn>0">{{ scope.row.achieve_jn }}</span>
              <span v-if="scope.row.achieve_jn!=0">{{ scope.row.achieve_jn }}</span>
            </template>
          </el-table-column>
          <el-table-column label="晋宁片区达成率" align="center" prop="rate_jn" width="100">
            <template slot-scope="scope">
              <span v-if="scope.row.rate_jn==0&&scope.row.target_jn==0"></span>
              <span v-if="scope.row.rate_jn==0&&scope.row.target_jn>0">{{ scope.row.rate_jn }}%</span>
              <span v-if="scope.row.rate_jn>=100" style="color:green;">{{ scope.row.rate_jn }}%</span>
              <span v-if="scope.row.rate_jn>0&&scope.row.rate_jn<100" style="color:red;">{{ scope.row.rate_jn }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="玉溪片区目标" align="center" prop="target_yx" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.target_yx==0"></span>
              <span v-if="scope.row.target_yx!=0">{{ scope.row.target_yx }}</span>
            </template>
          </el-table-column>
          <el-table-column label="玉溪片区达成" align="center" prop="achieve_yx" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.achieve_yx==0&&scope.row.target_yx==0"></span>
              <span v-if="scope.row.achieve_yx==0&&scope.row.target_yx>0">{{ scope.row.achieve_yx }}</span>
              <span v-if="scope.row.achieve_yx!=0">{{ scope.row.achieve_yx }}</span>
            </template>
          </el-table-column>
          <el-table-column label="玉溪片区达成率" align="center" prop="rate_yx" width="100">
            <template slot-scope="scope">
              <span v-if="scope.row.rate_yx==0&&scope.row.target_yx==0"></span>
              <span v-if="scope.row.rate_yx==0&&scope.row.target_yx>0">{{ scope.row.rate_yx }}%</span>
              <span v-if="scope.row.rate_yx>=100" style="color:green;">{{ scope.row.rate_yx }}%</span>
              <span v-if="scope.row.rate_yx>0&&scope.row.rate_yx<100" style="color:red;">{{ scope.row.rate_yx }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="省外目标" align="center" prop="target_sw" width="70">
            <template slot-scope="scope">
              <span v-if="scope.row.target_sw==0"></span>
              <span v-if="scope.row.target_sw!=0">{{ scope.row.target_sw }}</span>
            </template>
          </el-table-column>
          <el-table-column label="省外达成" align="center" prop="achieve_sw" width="70">
            <template slot-scope="scope">
              <span v-if="scope.row.achieve_sw==0&&scope.row.target_sw==0"></span>
              <span v-if="scope.row.achieve_sw==0&&scope.row.target_sw>0">{{ scope.row.achieve_sw }}</span>
              <span v-if="scope.row.achieve_sw!=0">{{ scope.row.achieve_sw }}</span>
            </template>
          </el-table-column>
          <el-table-column label="省外达成率" align="center" prop="rate_sw" width="80">
            <template slot-scope="scope">
              <span v-if="scope.row.rate_sw==0&&scope.row.target_sw==0"></span>
              <span v-if="scope.row.rate_sw==0&&scope.row.target_sw>0">{{ scope.row.rate_sw }}%</span>
              <span v-if="scope.row.rate_sw>=100" style="color:green;">{{ scope.row.rate_sw }}%</span>
              <span v-if="scope.row.rate_sw>0&&scope.row.rate_sw<100" style="color:red;">{{ scope.row.rate_sw }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="石林片区目标" align="center" prop="target_sl" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.target_sl==0"></span>
              <span v-if="scope.row.target_sl!=0">{{ scope.row.target_sl }}</span>
            </template>
          </el-table-column>
          <el-table-column label="石林片区达成" align="center" prop="achieve_sl" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.achieve_sl==0&&scope.row.target_sl==0"></span>
              <span v-if="scope.row.achieve_sl==0&&scope.row.target_sl>0">{{ scope.row.achieve_sl }}</span>
              <span v-if="scope.row.achieve_sl!=0">{{ scope.row.achieve_sl }}</span>
            </template>
          </el-table-column>
          <el-table-column label="石林片区达成率" align="center" prop="rate_sl" width="100">
            <template slot-scope="scope">
              <span v-if="scope.row.rate_sl==0&&scope.row.target_sl==0"></span>
              <span v-if="scope.row.rate_sl==0&&scope.row.target_sl>0">{{ scope.row.rate_sl }}%</span>
              <span v-if="scope.row.rate_sl>=100" style="color:green;">{{ scope.row.rate_sl }}%</span>
              <span v-if="scope.row.rate_sl>0&&scope.row.rate_sl<100" style="color:red;">{{ scope.row.rate_sl }}%</span>
            </template>
          </el-table-column>
          <el-table-column label="安宁片区目标" align="center" prop="target_an" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.target_an==0"></span>
              <span v-if="scope.row.target_an!=0">{{ scope.row.target_an }}</span>
            </template>
          </el-table-column>
          <el-table-column label="安宁片区达成" align="center" prop="achieve_an" width="90">
            <template slot-scope="scope">
              <span v-if="scope.row.achieve_an==0&&scope.row.target_an==0"></span>
              <span v-if="scope.row.achieve_an==0&&scope.row.target_an>0">{{ scope.row.achieve_an }}</span>
              <span v-if="scope.row.achieve_an!=0">{{ scope.row.achieve_an }}</span>
            </template>
          </el-table-column>
          <el-table-column label="安宁片区达成率" align="center" prop="rate_an" width="100">
            <template slot-scope="scope">
              <span v-if="scope.row.rate_an==0&&scope.row.target_an==0"></span>
              <span v-if="scope.row.rate_an==0&&scope.row.target_an>0">{{ scope.row.rate_an }}%</span>
              <span v-if="scope.row.rate_an>=100" style="color:green;">{{ scope.row.rate_an }}%</span>
              <span v-if="scope.row.rate_an>0&&scope.row.rate_an<100" style="color:red;">{{ scope.row.rate_an }}%</span>
            </template>
          </el-table-column>
        </el-table>
      </el-card>

      <el-card style="margin-top:10px;">
        <div slot="header" class="clearfix">
          <span style="font-weight: bold;color: #0099ff;font-size: 16px;">本周退单明细</span>
        </div>
        <el-table :data="refundList" border stripe :row-style="{height:'10px'}" :cell-style="{padding:'0px'}" style="font-size: 6px;margin-top: 10px;" size="mini">
          <el-table-column label="订单号" align="center" prop="orderNo">
            <template slot-scope="scope">
              <span v-if="scope.row.orderNo=='总和'" style="color:red">{{ scope.row.orderNo }}</span>
              <span v-if="scope.row.orderNo!='总和'">{{ scope.row.orderNo }}</span>
            </template>
          </el-table-column>
          <el-table-column label="订单金额" align="center" prop="orderFee">
            <template slot-scope="scope">
              <span v-if="scope.row.orderNo=='总和'" style="color:red">{{ scope.row.orderFee }}万</span>
              <span v-if="scope.row.orderNo!='总和'">{{ scope.row.orderFee }}万</span>
            </template>
          </el-table-column>
          <el-table-column label="一级品类" align="center" prop="brand"></el-table-column>
          <el-table-column label="二级品类" align="center" prop="bigname"></el-table-column>
          <el-table-column label="系列名称" align="center" prop="xlname"></el-table-column>
          <el-table-column label="数量" align="center" prop="qty"></el-table-column>
          <el-table-column label="销售人员" align="center" prop="xsname"></el-table-column>
          <el-table-column label="片区" align="center" prop="dpt"></el-table-column>
        </el-table>
      </el-card>
  </div>
</template>

<script>
import { listWeeks4TargetDash,listQlData,listChData,listQtData,listRefund } from "@/api/system/sales/dashboard/targetdash";

export default {
  name: "SysWeeklyZcmplan",
  data() {
    return {
      currentTime: null,
      timer: null,
      wkList: [],
      chList: [],
      qlList: [],
      qtList: [],
      refundList: [],
      wkYearList: [],
      // 查询参数
      queryParams: {
        wkYear: null,
        wk: null,
      },
      chSummaryInfo: {},
      qlSummaryInfo: {},
      qtSummaryInfo: {},
      totalSummaryInfo: {},
      refundSummaryInfo: {},
    };
  },
  created() {
    this.getWkList();
    this.updateTime();
    this.timer = setInterval(this.updateTime, 1000);
  },
  beforeDestroy() {
    if (this.timer) {
      clearInterval(this.timer);
    }
  },
  methods: {
    updateTime() {
      this.currentTime = new Date().toLocaleString();
    },
    changeMonth(){
      this.getChList();
      this.getQlList();
      this.getQtList();
      this.getRefundList();
    },
    changeYear(){
      let data = {
        wkYear:this.queryParams.wkYear
      }
      this.wkList = [];
      listYearMonth(data).then(res =>{
        this.wkList = res.data.wkList;
      })
    },
    getWkList(){
      listWeeks4TargetDash().then(res =>{
        this.wkList = res.data.wkList;
        this.queryParams.wk = res.data.wkNo;
        this.queryParams.wkYear = res.data.wkYear;
        this.wkYearList = res.data.yearList;
        this.getChList();
        this.getQlList();
        this.getQtList();
        this.getRefundList();
      })
    },
    getRefundList(){
      listRefund(this.queryParams).then(res =>{
        this.refundList = res.data.list;
        this.refundSummaryInfo = res.data.summary;
      })
    },
    getChList(){
      listChData(this.queryParams).then(res =>{
        this.chList = res.data.list;
        this.chSummaryInfo = res.data.summary;
        this.totalSummaryInfo = res.data.total[0];
      })
    },
    getQlList(){
      listQlData(this.queryParams).then(res =>{
        this.qlList = res.data.list;
        this.qlSummaryInfo = res.data.summary;
      })
    },
    getQtList(){
      listQtData(this.queryParams).then(res =>{
        this.qtList = res.data.list;
        this.qtSummaryInfo = res.data.summary;
      })
    },
  }
};
</script>
<style scoped>
  ::v-deep .el-table th{
    font-size: 10px;
    height: 5px;
  }
  ::v-deep .el-table td{
    font-size: 10px;
    height: 10px;
  }
</style>
